body
{
    background-color: #AED7FF;
}
#main
{
    background-image:url("../imgs/tutorialImg/bg.png");
	background-color:black;
	background-position:bottom bottom;
	width:1000px;
	margin:0 auto;
}
#top
{
/*background-image:url("../imgs/tutorialImg/border.png");
background-position: center bottom;
background-repeat:no-repeat;*/
height:80px;
text-align:center;
padding-top:10px;
padding-bottom:-50px;

}

#top h1
{
    font-size:50px;
    color: #F79646;
}
#middle
{
background-image:url("../imgs/tutorialImg/bg.png");
height:619px;
margin:0;
padding:50px 0;
}
#content
{
    height:489px;
    width:780px;
    margin:0 auto;
    border:10px solid #F79646;
    border-radius:30px;
    background-color:rgba(255,255,255,0.8);
    font-size:30px;
    padding:35px;
    line-height:50px;
}

ol
{
    list-style-type:lower-alpha;
}
table
{
    margin-left:40px;
    margin-top:50px;
}
tr
{
    padding-top:20px;
   height:80px;
   margin-top:50px;
}

.borderOrange, .borderOrangeImg
{
    border:10px solid #F79646;
    border-radius:30px;
    background-color:rgba(255,255,255,0.8);  
    overflow:auto;
    width:740px;
    margin:10px 0 0 20px;
    clear:right;
    padding:10px;
     height:82px;
}
.borderOrangeImg
{
    width:82px; 
   
    text-align:center;
}

.number
{
     border:10px solid #F79646;
    border-radius:70px;
    background-color:rgba(0,0,0,0.8);
    color:#F79646;
    font-weight:bold;
    font-size:30px;
    width:40px;
    float:left;
    text-align:center;
}
.number a
{
     color:#F79646;
     text-decoration:none;
}

.selected
{
     background-color:rgba(255,255,255,0.8);
}

#foot
{
    width:800px;
    margin:0 auto;
}

